<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <title>大麦网</title>
</head>

<body>
     <!-- 导航栏 -->
     <div id="nav">
        <ul style="position: relative;">
            <div class="left">
                <li><img src="img/n0.png" alt=""></li>
                <li><img src="img/n1.png" alt=""><em style="font-style: normal;">全国</em><img src="img/n4.png" alt="">
                    <div class="city">
                        <div class="city-triangle"></div>
                        <div class="current">
                                <p>当前城市:</p>
                                <i>北京</i>
                        </div>
                        <div class="hot">
                            <p>热门城市:</p>
                                <i>全国</i>
                                <i>北京</i>
                                <i>上海</i>
                                <i>深圳</i>
                                <i>广州</i>
                                <i>杭州</i>
                                <i>天津</i>
                                <i>重庆</i>
                                <i>成都</i>
                                <i>中国香港</i>
                        </div>
                        <div class="other">
                            <div class="left-s">
                                其他城市:
                            </div>
                            <div class="right-s">
                                <i>全国</i>
                                <i>北京</i>
                                <i>上海</i>
                                <i>深圳</i>
                                <i>广州</i>
                                <i>杭州</i>
                                <i>天津</i>
                                <i>重庆</i>
                                <i>成都</i>
                                <i>全国</i>
                                <i>北京</i>
                                <i>上海</i>
                                <i>深圳</i>
                                <i>广州</i>
                                <i>杭州</i>
                                <i>天津</i>
                                <i>重庆</i>
                                <i>成都</i>
                                <i>全国</i>
                                <i>北京</i>
                                <i>上海</i>
                                <i>深圳</i>
                                <i>广州</i>
                                <i>杭州</i>
                                <i>天津</i>
                                <i>重庆</i>
                                <i>上海</i>
                                <i>深圳</i>
                                <i>广州</i>
                                <i>杭州</i>
                                <i>天津</i>
                                <i>重庆</i>
                                <i>成都</i>
                                <i>全国</i>
                                <i>北京</i>
                                <i>上海</i>
                                <i>深圳</i>
                                <i>广州</i>
                                <i>杭州</i>
                                <i>天津</i>
                                <i>重庆</i>
                                <i>上海</i>
                                <i>深圳</i>
                                <i>广州</i>
                                <i>全国</i>
                                <i>北京</i>
                                <i>上海</i>
                                <i>深圳</i>
                                <i>广州</i>
                                <i>杭州</i>
                                <i>天津</i>
                                <i>重庆</i>
                                <i>上海</i>
                                <i>深圳</i>
                                <i>广州</i>
                                <i>全国</i>
                                <i>北京</i>
                                <i>上海</i>
                                <i>深圳</i>
                                <i>广州</i>
                                <i>杭州</i>
                                <i>天津</i>
                                <i>重庆</i>
                                <i>上海</i>
                                <i>深圳</i>
                                <i>广州</i>
                                <i>全国</i>
                                <i>北京</i>
                                <i>上海</i>
                                <i>深圳</i>
                                <i>广州</i>
                                <i>杭州</i>
                                <i>天津</i>
                                <i>重庆</i>
                                <i>上海</i>
                                <i>深圳</i>
                                <i>广州</i>
                            </div>
                        </div>
                    </div></li>
                <li><a href="index.html" class="a1">首页</a></li>
                <li><a href="#" class="a1">分类</a></li>
            </div>
            <div class="right">
                <li>
                    <img src="img/n5.png" alt="">
                    <input type="text" placeholder="搜索明星、演出、体育赛事">
                    <input type="button" value="搜索">
                </li>
                <li class="l1" style=" position: relative;"> <img src="img/n2.png" alt=""><a href="login.html" target="_blank" class="a1" id="user"> 登录</a>
                    
                </li>
                <li class="download" style="position: relative;"><img src="img/n3.png" alt=""><a href="#" class="a1"> 下载</a>
                    <div class="down-list">
                        <img style="width: 70px;height: 70px;" src="img/ma.jpg" alt="">
                    </div>
                    <div class="triangle-one"></div>
                </li>
            </div>
            <ul class="login-list" >
                <a href="" class="a2"><li>个人信息</li></a>
                <a href=""  class="a2"><li>账号设置</li></a>
                <a href="cart.html"  class="a2"><li>订单管理</li></a>
            </ul>
            <div class="triangle-two"></div>
        </ul>
        
    </div>

    <!-- 轮播图 -->
    <div class="banner-warp">
       <div class="banner">
           <div class="banner1"><a href="www.baidu.com"><img src="img/banner3.jpg" alt=""></a></div>
           <div class="banner2"><a href="www.baidu.com"><img src="img/banner4.jpg" alt=""></a></div>
           <div class="yuan">
              <div></div>
              <div></div>
           </div>
           <div class="lj">
               <div></div>
           </div>
           <div class="rj">
               <div></div>
           </div>
       </div>
    </div>
 
    <!-- 演唱会、话剧歌剧、体育... -->
    <!-- javascript:void(0) 表示点击链接后不会回到网页顶部 -->
    <div id="type">
        <ul>
            <li>
                <img src="img/a1.gif">
                <p><a href="javascript:void(0)">演唱会</a></p>
            </li>
            <li>
                <img src="img/a2.gif">
                <p><a href="javascript:void(0)">话剧歌剧</a></p>
            </li>
            <li>
                <img src="img/a3.gif">
                <p><a href="javascript:void(0)">体育</a></p>
            </li>
            <li>
                <img src="img/a4.gif">
                <p><a href="javascript:void(0)">儿童亲子</a></p>
            </li>
            <li>
                <img src="img/a5.gif">
                <p><a href="javascript:void(0)">展览休闲</a></p>
            </li>
            <li>
                <img src="img/a6.gif">
                <p><a href="javascript:void(0)">音乐会</a></p>
            </li>
            <li>
                <img src="img/a7.gif">
                <p><a href="javascript:void(0)">曲苑杂坛</a></p>
            </li>
            <li>
                <img src="img/a8.gif">
                <p><a href="javascript:void(0)">舞蹈芭蕾</a></p>
            </li>
            <li>
                <img src="img/a9.gif">
                <p><a href="javascript:void(0)">二次元</a></p>
            </li>
            <li>
                <img src="img/a10.gif">
                <p><a href="javascript:void(0)">旅游展览</a></p>
            </li>

        </ul>
    </div>
    <div id="sing" >
        <div class="sing-top">
            <p>演唱会</p> 
            <p>查看全部</p>
        </div>
        <!-- <p>查看全部</p> -->
        <div id="left" class="left1">
            <img src="img/B.jpg" alt="">
            <div class="txt">
                <span>2021成都仙人掌音乐节</span><br />
                <span>¥588<span class="s1"><span>起</span></span> 
            </div>
            <!-- 遮罩层 -->
            <div class="zz"></div>
        </div>
        <!-- 右边浮动 -->
        <div id="right" class="r1">
            <!-- 乐海方舟 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B1.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>痛仰乐队  [世界会变好]  户外巡回演唱会 杭州站（项目延期，时间待定）</li>
                        <li>杭州太子湾公园</li>
                        <li>2021.12.31 周五 </li>
                        <li class="t">¥480<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 仙人掌喜剧 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B2.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021张韶涵 [寓言] 世界巡回演唱会长沙站</li>
                        <li>长沙贺龙体育中心体育场</li>
                        <li>2021.09.04 周六 20:00</li>
                        <li class="t">¥99<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!--流行音乐周  -->
            <div class="info">
                <div class="photo">
                    <img src="img/B3.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021楠溪江·星巢秘境音乐节</li>
                        <li>楠溪江地音乐公园</li>
                        <li>2021.09.04 周六 12:00</li>
                        <li class="t">¥116<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 珍珠剧场 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B4.png" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>宋东野好船音乐会--青岛站</li>
                        <li>青岛市新兴体育馆</li>
                        <li>2021.08.14-12.31</li>
                        <li class="t">¥299<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 草台回声 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B5.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021贵阳雪花国际啤酒节</li>
                        <li>贵阳国际会议展览中心</li>
                        <li>2021.08.22-08.27</li>
                        <li class="t">¥220<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 极光乐队 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B6.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021葛仙村乌苏啤酒音乐节</li>
                        <li>江西省上饶市铅山县葛仙村度假区</li>
                        <li>2021.09.19-09.20</li>
                        <li class="t" >¥380<span>起</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="sing">
        <div class="sing-top">
            <p>话剧歌剧</p> 
            <p>查看全部</p>
        </div>
        <!-- <p>查看全部</p> -->
        <div id="left">
            <img src="img/B.jpg" alt="">
            <div class="txt">
                <span>2021成都仙人掌音乐节</span><br />
                <span>¥588<span class="s1"><span>起</span></span> 
            </div>
            <!-- 遮罩层 -->
            <div class="zz"></div>
        </div>
        <!-- 右边浮动 -->
        <div id="right" >
            <!-- 乐海方舟 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B1.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>痛仰乐队  [世界会变好]  户外巡回演唱会 杭州站（项目延期，时间待定）</li>
                        <li>杭州太子湾公园</li>
                        <li>2021.12.31 周五 </li>
                        <li class="t">¥480<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 仙人掌喜剧 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B2.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021张韶涵 [寓言] 世界巡回演唱会长沙站<br>小剧场</li>
                        <li>长沙贺龙体育中心体育场</li>
                        <li>2021.09.04 周六 20:00</li>
                        <li class="t">¥99<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!--流行音乐周  -->
            <div class="info">
                <div class="photo">
                    <img src="img/B3.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021楠溪江·星巢秘境音乐节</li>
                        <li>楠溪江地音乐公园</li>
                        <li>2021.09.04 周六 12:00</li>
                        <li class="t">¥116<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 珍珠剧场 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B4.png" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>宋东野好船音乐会--青岛站</li>
                        <li>青岛市新兴体育馆</li>
                        <li>2021.08.14-12.31</li>
                        <li class="t">¥299<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 草台回声 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B5.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021贵阳雪花国际啤酒节</li>
                        <li>贵阳国际会议展览中心</li>
                        <li>2021.08.22-08.27</li>
                        <li class="t">¥220<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 极光乐队 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B6.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021葛仙村乌苏啤酒音乐节</li>
                        <li>江西省上饶市铅山县葛仙村度假区</li>
                        <li>2021.09.19-09.20</li>
                        <li class="t" style="margin-top: 22px;">¥380<span>起</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="sing">
        <div class="sing-top">
            <p>体育比赛</p> 
            <p>查看全部</p>
        </div>
        <!-- <p>查看全部</p> -->
        <div id="left">
            <img src="img/B.jpg" alt="">
            <div class="txt">
                <span>2021成都仙人掌音乐节</span><br />
                <span>¥588<span class="s1"><span>起</span></span> 
            </div>
            <!-- 遮罩层 -->
            <div class="zz"></div>
        </div>
        <!-- 右边浮动 -->
        <div id="right">
            <!-- 乐海方舟 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B1.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>痛仰乐队  [世界会变好]  户外巡回演唱会 杭州站（项目延期，时间待定）</li>
                        <li>杭州太子湾公园</li>
                        <li>2021.12.31 周五 </li>
                        <li class="t">¥480<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 仙人掌喜剧 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B2.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021张韶涵 [寓言] 世界巡回演唱会长沙站<br>小剧场</li>
                        <li>长沙贺龙体育中心体育场</li>
                        <li>2021.09.04 周六 20:00</li>
                        <li class="t">¥99<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!--流行音乐周  -->
            <div class="info">
                <div class="photo">
                    <img src="img/B3.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021楠溪江·星巢秘境音乐节</li>
                        <li>楠溪江地音乐公园</li>
                        <li>2021.09.04 周六 12:00</li>
                        <li class="t">¥116<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 珍珠剧场 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B4.png" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>宋东野好船音乐会--青岛站</li>
                        <li>青岛市新兴体育馆</li>
                        <li>2021.08.14-12.31</li>
                        <li class="t">¥299<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 草台回声 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B5.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021贵阳雪花国际啤酒节</li>
                        <li>贵阳国际会议展览中心</li>
                        <li>2021.08.22-08.27</li>
                        <li class="t">¥220<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 极光乐队 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B6.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021葛仙村乌苏啤酒音乐节</li>
                        <li>江西省上饶市铅山县葛仙村度假区</li>
                        <li>2021.09.19-09.20</li>
                        <li class="t" style="margin-top: 22px;">¥380<span>起</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="sing">
        <div class="sing-top">
            <p>儿童亲子</p> 
            <p>查看全部</p>
        </div>
        <!-- <p>查看全部</p> -->
        <div id="left">
            <img src="img/B.jpg" alt="">
            <div class="txt">
                <span>2021成都仙人掌音乐节</span><br />
                <span>¥588<span class="s1"><span>起</span></span> 
            </div>
            <!-- 遮罩层 -->
            <div class="zz"></div>
        </div>
        <!-- 右边浮动 -->
        <div id="right">
            <!-- 乐海方舟 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B1.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>痛仰乐队  [世界会变好]  户外巡回演唱会 杭州站（项目延期，时间待定）</li>
                        <li>杭州太子湾公园</li>
                        <li>2021.12.31 周五 </li>
                        <li class="t">¥480<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 仙人掌喜剧 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B2.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021张韶涵 [寓言] 世界巡回演唱会长沙站<br>小剧场</li>
                        <li>长沙贺龙体育中心体育场</li>
                        <li>2021.09.04 周六 20:00</li>
                        <li class="t">¥99<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!--流行音乐周  -->
            <div class="info">
                <div class="photo">
                    <img src="img/B3.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021楠溪江·星巢秘境音乐节</li>
                        <li>楠溪江地音乐公园</li>
                        <li>2021.09.04 周六 12:00</li>
                        <li class="t">¥116<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 珍珠剧场 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B4.png" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>宋东野好船音乐会--青岛站</li>
                        <li>青岛市新兴体育馆</li>
                        <li>2021.08.14-12.31</li>
                        <li class="t">¥299<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 草台回声 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B5.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021贵阳雪花国际啤酒节</li>
                        <li>贵阳国际会议展览中心</li>
                        <li>2021.08.22-08.27</li>
                        <li class="t">¥220<span>起</span></li>
                    </ul>
                </div>
            </div>
            <!-- 极光乐队 -->
            <div class="info">
                <div class="photo">
                    <img src="img/B6.jpg" alt="">
                </div>
                <!-- 文字 -->
                <div class="text">
                    <ul>
                        <li>2021葛仙村乌苏啤酒音乐节</li>
                        <li>江西省上饶市铅山县葛仙村度假区</li>
                        <li>2021.09.19-09.20</li>
                        <li class="t" style="margin-top: 22px;">¥380<span>起</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div id="footer">
        <ul>
            <li><a href="">帮助中心</a></li>
            <li><a href="">|</a></li>
            <li><a href="">公司介绍</a></li>
            <li><a href="">|</a></li>
            <li><a href="">品牌识别</a></li>
            <li><a href="">|</a></li>
            <li><a href="">公司大事记</a></li>
            <li><a href="">|</a></li>
            <li><a href="">协议及隐私政策</a></li>
            <li><a href="">|</a></li>
            <li><a href="">廉政举报</a></li>
            <li><a href="">|</a></li>
            <li><a href="">联系合作</a></li>
            <li><a href="">|</a></li>
            <li><a href="">招聘信息</a></li>
            <li><a href="">|</a></li>
            <li><a href="">防骗秘籍</a></li>
        </ul>
        <div id="footer-logo">
            <a href=""><img src="img/f1.png" alt=""></a>
            <a href=""><img src="img/ma.jpg" alt=""></a>
            <p class="pp">App下载</p>
            <div class="foot">
                <a href=""><input type="button"  value="在线客服"></a>
                <p>京ICP证031057号&nbsp;&nbsp;|&nbsp;&nbsp;京ICP备11043884号&nbsp;&nbsp;|&nbsp;&nbsp;京公网安备11010502037341号&nbsp;&nbsp;|&nbsp;&nbsp;广播电视节目制作经营许可证(京)字第02253号<br />
                    网络文化经营许可证 京网文[2019]4082-420号|营业性演出许可证京市演587号<br />
                    北京大麦文化传媒发展有限公司 版权所有大麦网Copyright 2003-2020 All Rights Reserved<br />
                    举报投诉：damai_tousu@member.alibaba.com 浙江省杭州市余杭区文一西路969号<br />
                    违法不良信息举报电话：020-62108294</p>
                    <p><a href="">
                        <img class="f1" src="img/f2.png" alt="">
                        <img class="f2" src="img/f3.png" alt="">
                        <img class="f3" src="img/f4.png" alt="">
                      </a>
                    </p>
            </div>
        </div>
    </div>
<!-- 固定定位定位的盒子 -->
<div class="gd-box">
    <div class="top">
        <h2>大麦</h2>
        <p>App下载</p>
    </div>
    <div class="bottom">
        <img src="img/gd-box.png" alt="">
        <p>回到顶部</p>
    </div>
    <!-- 隐藏盒子 -->
    <div class="min-box"></div>
    <div class="y-top">
        <img src="img/ma.jpg" alt="">
    </div>
</div>
<!-- 城市 -->


<!-- js  -->
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/index.js"> </script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

   
</body>

</html>
